<template>
  <div>
    <h2>Home</h2>
     <router-link 
        :to="{
          path:'/Home/News',
        }"
        tag="button"
        replace 
        active-class="ative"
      >新闻</router-link>
      <router-link 
        :to="{
          path:'/Home/Music',
        }"
        tag="button"
        replace 
        active-class="ative"
      >音乐</router-link>
      <router-link 
        :to="{
          path:'/Home/Game',
        }"
        tag="button"
        replace 
        active-class="ative"
      >游戏</router-link>

    <!-- home中的二级路由 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
    name:"Home",
}
</script>

<style scoped>
.active {
  background:skyblue;
}
</style>